<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- Document Title -->
    <title>{$seo.title}</title>
    <meta name="keywords" content="{$seo.keywords}" />
    <meta name="description" content="{$seo.description}" />
    <!-- Favicon -->
    <link rel="shortcut icon" href="{$lang.icon}" />
    <link href="{YUNYECMS_PUBLIC}plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" />
    <link href="{TPL}static/css/330c760da5274f2dbf7d140358eadd2d.css" rel="stylesheet">
    <link href="{YUNYECMS_PUBLIC}plugins/bxslider/css/bxslider.css" rel="stylesheet">
    <link href="{YUNYECMS_PUBLIC}plugins/lightbox/css/lightbox.css" rel="stylesheet">


    <!--==== Font-Awesome css file ====-->
    <link rel="stylesheet" href="{TPL}static/css/font-awesome.min.css">
    <!--==== Bootstrap css file ====-->
    <link rel="stylesheet" href="{TPL}static/css/bootstrap.min.css">

    <!--==== Swiper css file ====-->
    <link rel="stylesheet" href="{TPL}static/css/swiper.min.css">

    <!--==== Color Switcher css file ====-->
    <link rel="stylesheet" href="{TPL}static/css/color-switcher.css">

    <!--==== Ui Slider css file ====-->
    <link rel="stylesheet" href="{TPL}static/css/jquery-ui.min.css">


    <!--==== Shop Style css file ====-->
    <link rel="stylesheet" href="{TPL}static/css/shop-style.css">

    <!--==== Style css file ====-->
    <link rel="stylesheet" href="{TPL}static/css/style.css">

    <!--==== Responsive css file ====-->
    <link rel="stylesheet" href="{TPL}static/css/responsive.css">

    <!--==== Theme Color 1 css file ====-->
    <link rel="stylesheet" href="{TPL}static/css/theme-color-1.css">

    <!--==== Custom css file ====-->
    <link rel="stylesheet" href="{TPL}static/css/custom.css?20190113">

</head>

<body>

    <!-- Main header -->
    <!-- End of Main header -->
    {tpl "head"}
    <!-- Page title -->
    <php>
        if($rootcat["pic"]) :
    </php>
    <section class="page-title-wrap" data-bg-img="{$rootcat.pic}" data-rjs="2">
        <div class="container">
            <div class="row align-items-center">
                <div class="col">
                    <div class="page-title" data-animate="fadeInUp" data-delay="1.05">
                        <h1>{$rootcat.title}</h1>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <php>
        endif;
    </php>
    <!-- End of Page title -->
    <div class="breadcumb-wrapper">
        <div class="container">
            <div class="pull-left">
                <ul class="list-inline link-list">
                    <li><a href="/">首页</a></li>
                    </li>
                    {yy:breadcumb catid=$catid}
                    {loop}
                    {if $v['id']!=$catid }
                    <li><a href="{$v.url}">{$v.title}</a></li>
                    {else}
                    <li><span>{$v.title}</span></li>
                    {/if}
                    {/loop}
                    {/yy}
                </ul>
            </div>
            <div class="float-right">
            </div>
            <div class="clearfix"></div>
        </div>
    </div>
    <section class="pt-50 default-bg">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="shop-details">
                        <div class="row">
                            <div class="col-lg-12">
                                <div class="shop--details-inner pb-30">
                                    <!-- Start shop product details  -->
                                    <div class="product-details">
                                        <div class="row">
                                            <div class="col-lg-6 col-md-6">

                                                <div class="shop--product-slider pic-slider" style="margin-top: 0px;"
                                                    data-animate="fadeInUp" data-delay=".2">
                                                    <ul class="showpic-mod">
                                                        <li><a class="example-image-link" href="{$row.pic}"
                                                                data-lightbox="example-set" target="_blank"><img
                                                                    class="example-image" src="{$row.pic}"
                                                                    alt="{$row.title}" /></a></li>
                                                        <php>if(!empty($row['morepic'])): foreach($row['morepic'] as
                                                            $key=>$var):</php>
                                                        <li><a class="example-image-link" href="{$var}"
                                                                data-lightbox="example-set" target="_blank"><img
                                                                    class="example-image" src="{$var}" /></a></li>
                                                        <php>endforeach; endif;</php>
                                                    </ul>
                                                    <div id="smallpic-list">
                                                        <a data-slide-index="0" href="{$row.pic}"><img src="{$row.pic}"
                                                                alt="{$row.title}" /></a>
                                                        <php>if(!empty($row['morepic'])): foreach($row['morepic'] as
                                                            $key=>$var):</php>
                                                        <a data-slide-index="{php echo $key+1;}" href="{$row.pic}"><img
                                                                src="{$var}" alt="{$row.title}" /></a>
                                                        <php>endforeach; endif;</php>
                                                    </div>
                                                </div>



                                            </div>

                                            <div class="col-lg-6 col-md-6">
                                                <!-- Start product details -->
                                                <div class="shop--product-details" data-animate="fadeInUp"
                                                    data-delay=".4">
                                                    <h2>{$row.title}</h2>

                                                    <div class="producut-dis">
                                                        <p class="muli"></p>
                                                    </div>
                                                    <div class="product-abelity">
                                                        <h6>文件大小 : <span>{$row.filesize}</span></h6>
                                                    </div>
                                                    <div class="product-abelity">
                                                        <h6> 界面语言: <span>{$row.yuyan}</span></h6>
                                                    </div>
                                                    <div class="product-abelity">
                                                        <h6>文件类型 : <span>.{$row.filetype}</span></h6>
                                                    </div>
                                                    <div class="product-abelity">
                                                        <h6>授权方式 : <span>.{$row.shouquan}</span></h6>
                                                    </div>
                                                    <div class="product-abelity">
                                                        <h6>软件类型 : <span>.{$row.softtype}</span></h6>
                                                    </div>
                                                    <div class="product-abelity">
                                                        <h6>运行环境 : <span>.{$row.huanjing}</span></h6>
                                                    </div>
                                                    <div class="product-abelity">
                                                        <h6>下载次数 : <span>.{$row.downnum}</span></h6>
                                                    </div>
                                                    <div class="product-abelity">
                                                        <h6>软件等级 : <span>.{$row.dengji}</span></h6>
                                                    </div> <!-- Start product category -->
                                                    <div class="product-abelity">
                                                        <h6>描述 : <span> {$row.summary}</span></h6>
                                                    </div>
                                                    <a href="{$row.downurl}"
                                                        class="btn  btn-flat  btn-primary text-white"><i
                                                            class="fa fa-download" aria-hidden="true"></i> 点击下载 </a>

                                                    <!-- End of product category -->
                                                    <!-- Start product Share  -->
                                                    <div class="product-share mt-15">
                                                        <div class="bdsharebuttonbox"><a href="#" class="bds_more"
                                                                data-cmd="more"></a><a href="#" class="bds_qzone"
                                                                data-cmd="qzone" title="分享到QQ空间"></a><a href="#"
                                                                class="bds_tsina" data-cmd="tsina"
                                                                title="分享到新浪微博"></a><a href="#" class="bds_tqq"
                                                                data-cmd="tqq" title="分享到腾讯微博"></a><a href="#"
                                                                class="bds_renren" data-cmd="renren"
                                                                title="分享到人人网"></a><a href="#" class="bds_weixin"
                                                                data-cmd="weixin" title="分享到微信"></a></div>
                                                        <script>window._bd_share_config = { "common": { "bdSnsKey": {}, "bdText": "", "bdMini": "2", "bdPic": "", "bdStyle": "0", "bdSize": "16" }, "share": {} }; with (document) 0[(getElementsByTagName('head')[0] || body).appendChild(createElement('script')).src = 'http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion=' + ~(-new Date() / 36e5)];</script>
                                                    </div>
                                                    <!-- End of product Share  -->
                                                </div>
                                                <!-- End of product details -->
                                            </div>
                                        </div>
                                    </div>
                                    <!-- End of shop product details  -->
                                    <style>
                                        .product-discription p {
                                            margin-bottom: 0px;
                                        }
                                    </style>
                                    <!-- Start shop product tab inner-->
                                    <div class="product-tabbed" data-animate="fadeInUp" data-delay=".2">
                                        <div class="row">
                                            <div class="col">
                                                <div class="product--info-review">
                                                    <!--Start shop product nav -->
                                                    <div class="product--nav-inner mb-30">
                                                        <nav>
                                                            <div class="nav info-tabs">
                                                                <a class="product--nav-item active show"
                                                                    id="nav-contact-tab" data-toggle="tab"
                                                                    href="#riv">详细</a>
                                                            </div>
                                                        </nav>
                                                    </div>
                                                    <!--End of shop product nav -->
                                                    <!-- start product discription -->
                                                    <div class="product--discription-inner">
                                                        <div class="tab-content product--review-info">
                                                            <div class="tab-pane fade  show active" id="riv"
                                                                role="tabpanel">
                                                                <div class="product-discription text-center">
                                                                    {$row.content}
                                                                </div>
                                                            </div>
                                                            <div class="tab-pane fade" id="info" role="tabpanel">
                                                                <div class="product-information">
                                                                    <h5>Dummy Information</h5>
                                                                    <p>Lorem ipsum dolor sit amet, consectetur
                                                                        adipiscing elit, sed do eiusmod tempor
                                                                        incididunt ut labore et dolore magna aliqua. Ut
                                                                        enim ad minim veniam, quis nostrud exercitation
                                                                        ullamco laboris nisi ut aliquip ex ea commodo
                                                                        consequat. Duis aute irure dolor in
                                                                        reprehenderit in voluptate velit esse.</p>
                                                                </div>
                                                            </div>

                                                        </div>
                                                    </div>
                                                    <div class="row margin-top-20">


                                                    </div>

                                                    <!-- start product discription -->
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- End of shop product tab inner-->

                                    <!-- Start shop related product -->
                                    <php>if(!empty($row['seokeywords'])):</php>
                                    <div class="related-product">
                                        <h4>相关产品</h4>
                                        <div class="row">
                                            {yy:relation catid="$catid" num="20" id="$id" keywords="$row['seokeywords']"
                                            }
                                            {loop}
                                            <div class="col-lg-3 col-md-3">
                                                <!-- single product -->
                                                <div class="sigle--product mb-40">
                                                    <div class="product--item text-center" data-animate="fadeInUp"
                                                        data-delay=".2">
                                                        <a href="{$v.url}" target="_blank">
                                                            <img src="{$v.pic}" data-rjs="2" alt="Product Image">
                                                            <h5 class="pt-sans">
                                                                <php>echo strcut($v["title"],15); </php>
                                                            </h5>
                                                        </a>
                                                    </div>
                                                </div>

                                                <!-- single product -->
                                            </div>
                                            {/loop}
                                            {/yy}

                                        </div>
                                    </div>
                                    <php>endif;</php>
                                    <!-- ENd shop related product -->
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>



    {tpl 'foot'}
    <!-- JS Files -->
    <script src="{YUNYECMS_PUBLIC}plugins/jquery.min.js"></script>
    <!-- ==== Bootstrap js file==== -->
    <script src="{TPL}static/js/bootstrap.bundle.min.js"></script>

    <!-- ==== JQuery Waypoint js file==== -->
    <script src="{TPL}static/js/jquery.waypoints.min.js"></script>

    <!-- ==== Sticky js file==== -->
    <script src="{TPL}static/js/sticky.min.js"></script>

    <!-- ==== Swiper js file==== -->
    <script src="{TPL}static/js/swiper.min.js"></script>

    <!-- ==== Parsley js file==== -->
    <script src="{TPL}static/js/parsley.min.js"></script>

    <!-- ==== Color Switcher js file==== -->
    <script src="{TPL}static/js/color-switcher.js"></script>

    <!-- ==== Ratina js file==== -->
    <script src="{TPL}static/js/retina.min.js"></script>

    <!-- ==== Isotope  js file==== -->
    <script src="{TPL}static/js/isotope.pkgd.min.js"></script>

    <!-- ==== Ui silider js file==== -->
    <script src="{TPL}static/js/jquery-ui.min.js"></script>

    <!-- ==== Light box js file==== -->

    <!-- ==== Google api ==== -->
    <script src="{TPL}static/js/96fa9afd00264d7da65dfbacb1401cc6.js"></script>

    <!-- ==== Menu  js file==== -->
    <script src="{TPL}static/js/menu.min.js"></script>

    <!-- ==== Scrippt js file==== -->
    <script src="{TPL}static/js/scripts.js"></script>

    <!-- ==== Custom js file==== -->
    <script src="{TPL}static/js/custom.js"></script>

    <script src="{YUNYECMS_PUBLIC}plugins/bxslider/bxslider.min.js"></script>
    <script src="{YUNYECMS_PUBLIC}plugins/lightbox/lightbox.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $('.showpic-mod').bxSlider({
                pagerCustom: '#smallpic-list',
                adaptiveHeight: true,
                auto: true,
                pause: 6000
            });
        });
    </script>

</body>

</html>